<template>
  <dl v-if="list.length > 0" class="layui-nav-child">
    <dd v-for="(ch, chIndex) in list" :lay-tips="ch.desc">
      <a
        :lay-href="ch.url"
        style="margin-left: 10px; cursor: pointer"
        :lay-tips="ch.desc"
      >
        <i :class="ch.icon" style="cursor: pointer"></i>
        <cite style="cursor: pointer">{{ ch.desc }}</cite>
      </a>
      <LeftMenu v-bind:list="ch.childList"></LeftMenu>
    </dd>
  </dl>
</template>
<script>
import LeftMenu from "./LeftMenu.vue";
export default {
  name: "LeftMenu",
  components: { LeftMenu },
  props: {
    list: Array,
  },
};
</script>